<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="Scripts/jquery.jqdock.min.js"></script>
    <style type="text/css">
	#item{
	font-family: "微软雅黑";
	position:absolute;
	z-index: 50;
	height: 25px;
	width: 100px;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 5px;
	text-align: center;
	cursor: default;
	}
	.itemsBgc1{	
	position:absolute;
	z-index: 10;
	height: 35px;
	width: 110px;
	left: 0px;
	top: 0px;	
	background-color:#FFF}		
	</style> 
    <script type="text/javascript">
	function flyOut()
	{
		jQuery(window.parent.document).find("#HandlerBar").show("slow");	
		window.parent.document.frames["mainFrame"].flyByRoute();	
	}
	function flyIn()
	{
		jQuery(window.parent.document).find("#HandlerBar").show("slow");	
		window.parent.document.frames["mainFrame"].flyInside();	
	}
    $(document).ready(function(){
		$("#item1").mouseover(function(){
			$("#item1").css("background-color","#ddd");
			});	
			
		$("#item1").mouseout(function(){
			$("#item1").css("background-color","#FFF");
			});	
			
		$("#item2").mouseover(function(){
			$("#item2").css("background-color","#ddd");
			});	
			
		$("#item2").mouseout(function(){
			$("#item2").css("background-color","#FFF");
			});		
		
		}); 

    
    </script>
    
  
<title>MenuItem</title>


 </head>
 <body>
 	<div onClick="flyOut()" id="item1" class="itemsBgc1" style="top:10px; left:3px;"><p id="item">环绕飞行路线</p></div>
    <div onClick="flyIn()" id="item2" class="itemsBgc1" style="top:45px;left:3px;"><p id="item">内部飞行路线</p></div>
    

</body>
   </html>




